/*inner pages html begin*/


/*for fixing the height*/
.fixed__panel .stick {
	position: fixed;
	width: 276px;
}
 @font-face {
 font-family: 'bebas_neueregular';
 src: url('../fonts/bebasneue-webfont.woff2') format('woff2'),  url('../fonts/BebasNeue.otf') format('otf'),  url('../fonts/bebasneue-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
.inner_banner_sec {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	height: 340px;
}
.inner_banner {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.inner_banner_bdr {
	background-color: rgba(209, 36, 33, 0.7);
	height: 60px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 25;
}
.inner_banner_head {
	font-family: 'lato', sans-serif;
	font-weight: 900;
	font-size: 5.6em;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	z-index: 99;
	text-align: center;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: 20px;
}
.grd_overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 8;
	height: 100%;
}
.grd_overlay:before {
	position: absolute;
	content: " ";
	height: 150px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	opacity: 0.6;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.center_content {
	text-align: center;
	max-width: 811px;
	margin: 0px auto;
	padding:45px 0;
}
.center_content h2 {
	color: #212121;
	font-size: 2.25em;
	padding-bottom: 20px;
}
.center_content p {
	color: #585858;
	font-size: 1.25em;
	font-weight: 600;
}
.service_left {
	background-color: #f3f3f2;
	padding: 50px 0;
}
.service_right {
	background-color: #ffffff;
	padding: 50px 0;
}
.serv_img_sec {
	border-radius: 100%;
	height: 369px;
	width: 369px;
	position: relative;
	margin: auto;
}
.serv_img_sec img {
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center bottom;
	/*border-radius: 100%;*/
	background-repeat: no-repeat;
}
.serv_img_sec .icon {
	overflow: hidden;
	display: block;
	visibility: visible;
	opacity: 1;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	border-radius: 100%;
 -webkit-transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
}
.icon img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
.blue_fill {
	position: absolute;
	background-color: rgba(0, 89, 156, 0.6);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	border-radius: 100%;
 -webkit-transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
}
.red_fill {
	position: absolute;
	background-color: rgba(209, 36, 33, 0.6);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	border-radius: 100%;
 -webkit-transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
}
/*Code for front box*/

.inner_item {
	width: 100%;
	position: relative;
	cursor: pointer;
 -webkit-transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
}
.inner_box_main {
	position: relative;
 -webkit-transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
}
.inner_box_main:hover .icon {
	opacity: 0;
	visibility: hidden;
}
.inner_box_main:hover .blue_fill, .inner_box_main:hover .red_fill {
	opacity: 0;
	visibility: hidden;
}
.front_side {
 -webkit-transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.inner_box_main:hover .front_side {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.heading_blue {
	color: #00599c;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.75em;
	padding-bottom: 20px;
}
.heading_red {
	color: #d12421;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.75em;
	padding-bottom: 20px;
}
.subtitle_grey {
	color: #6e6e6e;
	font-size: 1.1em;
	font-weight: 300;
}
.service_left .fixed_container, .service_right .fixed_container {
	max-width: 1005px;
}
.service_right .fixed_container {
	direction: rtl;
}
.service_container {
	display: table;
}
.service_img_cont, .service_detail {
	display: table-cell;
	vertical-align: middle;
}
.service_img_cont {
	width: 40%;
}
.service_detail {
	width: 60%;
	padding: 20px;
}
/*Code for about us page start*/

.introduction_sec {
	padding: 75px 0;
	position: relative;
}
.introduction_sec .fixed_container:before {
	background-image: url(../images/quote_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	right: -10%;
	bottom:0;
	width: 453px;
	height: 520px;
	content: " ";
}
.intro_detail h2, .intro_detail p {
	color: #212121;
	font-family: 'lato', sans-serif;
	font-weight: 400;
	font-size: 2.3em;
}
.grid_sec_left {
	width: 72%;
	float: left;
	position: relative;
}
.intro_banner {
	width: 100%;
	position:relative;
}
.intro_banner_img {
	height: auto;
	max-width: 100%;
	display: block;
	z-index: 19;
}
.intro_subtitle p {
	color: #00599c;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.56em;
	line-height: 1.4;
	padding: 15px 0;
}
.border_sec {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border:5px solid rgba(255, 255, 255, 0.7);
	z-index: 20;
}
.grid_4_left {
	width: 48%;
	float: left;
}
.grid_4_right {
	float: right;
	width: 48%
}
.grid_heading {
	color: #000000;
	font-size: 1.3em;
	padding-bottom: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: capitalize;
}
.grid_sub {
	color: #666666;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 28px;
}
.grid_sec_right {
	float: right;
	width: 23.5%;/*padding-left: 40px;*/
}
.quote_request {
	max-width: 230px;
	width: 100%;
}
.quote_request h3 {
	color: #00599c;
	font-family: 'lato', sans-serif';
	font-weight: 900;
	font-style: normal;
	font-size: 3.25em;
	line-height: 1.0;
	text-transform: uppercase;
}
.quote_request p {
	color: #212121;
	font-family: 'lato', sans-serif;
	font-size: 1.25em;
	line-height: 1.1;
	font-weight: 300;
}
.cta_sec {
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size:cover;
	height: 450px;
}
.cta_detail {
	max-width: 492px;
	width: 100%;
	color: #ffffff;
	padding: 70px 0;
}
.cta_detail h4 {
	font-family: 'lato', sans-serif;
	font-size: 2.3em;
	font-weight: 400;
	color: #ffffff;
	padding-bottom: 25px;
}
.cta_detail p {
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	padding-bottom: 20px;
}
/*Code for contact us section start*/

.contact_sec {
	padding-bottom: 45px;
	border-bottom: 1px solid #dbdcdc;
}
.grid_3 {
	width: 33%;
	float: left;
	text-align: center;
}
.grid_icon {
	background-color: #00599c;
	width: 81px;
	height: 81px;
	position: relative;
	border-radius: 100%;
	margin: auto;
}
.grid_icon .grid_cover {
	overflow: hidden;
	display: block;
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	border-radius: 100%;
}
.grid_icon img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.dark_heading {
	font-size: 1.68em;
	font-family: 'lato', sans-serif;
	font-weight: 900;
	color: #000000;
	padding: 20px 0;
}
.grid_3_detail address, .phone_num p, .office_time p {
	color: #474646;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	font-style: normal;
}
.left_align_cont {
	margin: 0px 0 40px 0;
}
.get_in_touch {
	margin: 45px 0 40px 0;
}
.heading_normal {
	color: #212121;
	font-size: 2.3em;
	font-family: 'lato', sans-serif;
	padding-bottom: 27px;
}
.subtitle_normal {
	color: #585858;
	font-weight: 600;
	font-size: 1.25em;
	line-height: 1.3;
}
.add_banner {
	position: relative;
	max-width: 275px;
}

.add_banner_content {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	padding: 20px;
}

.add_banner_content .grd_overlay_small {
	    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    width: 99%;
    z-index: 0;
    height: 100%;
}

.grd_overlay_small:before{
	position: absolute;
    content: " ";
    height: 150px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0.6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,00599c+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(0,89,156,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(0,89,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,89,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#00599c',GradientType=0 ); /* IE6-9 */

}

.add_banner_content p {
	background-color: #ffffff;
	color: #d12421;
	text-transform: uppercase;
	 font-family: 'lato', sans-serif;
	font-weight: 900;
	font-size: 1.6em;
	line-height: 1.2;
	display: inline;
	position: relative;
    z-index: 58;
}

.add_banner img {
	margin: auto;
	display: inline-block;
	text-align: right;
}
/*resources section*/

.resources_sec {
	padding: 75px 0;
}
.res_link_list li {
	display: block;
	margin-bottom: 30px;
	padding: 15px 0 15px 10px;
	border: 2px solid #00599c;
	cursor: pointer;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.res_link_list li a {
	display: block;
	color: #00599c;
	font-weight: 600;
	font-size: 1.25em;
	position: relative;
	padding-left: 20px;
}
.res_link_list li a:before {
	content: "";
	position:absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50px;
	background-color: #00599c;
}
.res_link_list li:hover {
	border: 2px solid #be120f;
}
.res_link_list li:hover a {
	color: #be120f;
}
.res_link_list li:hover a:before {
	background-color: #be120f;
}
.quote_dark_pad {
	/* padding: 20px 27px 10px 30px;*/
	   margin-top: 20px;
}
.quote_request_dark {
	background-color: #00599c;
	padding: 15px;
}
.quote_request_dark h3 {
	color: #ffffff;
	font-family: 'lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	font-size: 4em;
	line-height: 1.0;
	/*padding: 25px 20px 5px 30px;*/
}
.quote_request_dark p {
	color: #ffffff;
	font-family: 'lato', sans-serif;
	font-size: 1.25em;
	line-height: 1.1;/*padding: 5px 20px 0px 30px;*/
}
.quote_request_dark a {
/*margin: 2px 20px 10px 30px;*/
}
.quote_dark_pad.red .quote_request_dark {margin:0px auto;text-align:center;background:none;padding:20px;border:3px solid #d12421;}
.quote_dark_pad.red .quote_request_dark h4 {
    color: #d12421;
    font-family: 'lato', sans-serif;
    font-size: 48px;
    text-transform: uppercase;
	line-height:55px;
	font-weight:900;
}
.quote_dark_pad.red .quote_request_dark h5 {
    color: #d12421;
    font-family: 'lato', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
	line-height:30px;
	font-weight:900;
}
.quote_dark_pad.red .quote_request_dark h3 {
    color: #d12421;
    font-family: 'lato', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 0.8;
	line-height:52.71 ptx;
}
.quote_dark_pad.red .quote_request_dark h6 {
    color: #d12421;
    font-family: 'lato', sans-serif;
    font-size: 48px;
    text-transform: uppercase;
	line-height:50px;
	font-weight:900;
}
.quote_dark_pad.red .quote_request_dark a {
    border-color: #d12421;
    color: #d12421;
    display: block;
    margin-top: 20px;
}
.quote_request_dark > img {
    padding-top:5px;
}
.quote_dark_pad.red .quote_request_dark .border-btn-white:hover {
    background-color: #bb0f0c;
    border-color: #a81210);
    color: #ffffff;
}


/*Quote request css*/

/*Quote request css*/

.form_container{
	padding: 20px;
	margin: 20px auto;
	max-width: 1024px;
	width: 100%;
}

/*.form_container .btn_fill {
	    margin-left: 10px;
}*/

.form_container_half{
	position: relative;
    width: 50%;
    padding: 0 10px;
    float: left;
    margin: 0 0 22px 0;
}

.form_container legend{
	color: #212121;
    font-size: 2.3em;
    font-family: 'lato', sans-serif;
    padding-bottom: 27px;
    padding-left: 10px;
}

span.step{
	text-align: left;
	display: block;
	margin: 0px 0 30px 0;
	color: #585858;
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1.3;
     padding-left: 10px;
	 position:relative;

}
.step:after {
    border-bottom: 1px solid #ccc;
    bottom: -15px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 100%;
}

.form_group{
	width: 100%;
	margin-bottom: 20px;
}

.form_label {
	display: block;
	color: #212222;
	margin-bottom: 10px;
}
.note {
    font-size: 14px;
    padding-left: 10px;
	display:block;
	width:100%;
}
.input_field{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
}

select.select_option_form {
    width: 100%;
        height: 60px;
    padding: 0 10px;
    font-size: 1em;
    color: #999999;
    font-weight: 300;
       background-color: #fff;
    border: 1px solid #d12421;
    position: relative;
    font-family: 'Titillium Web', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(../images/Select-arrow.png) #fff;
    background-repeat: no-repeat;
    background-position: 98% 45%;
}


/*request form btn*/

.request_form_btn_cont {
	background-color: #D12421;
	display: block;
	width: 228px;
	height: 50px;
	line-height: 40px;
	position: fixed;
	top: 549px;
	right: -100px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #ffffff;
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	z-index:999;
}

.request_form_btn{
	color: #ffffff;
}
/*22/9/2016*/
.three-col {
    display: table;
    width: 100%;
}
.col-caption {
    float: left;
    width: 25%;
	padding-left:10px;
	padding-right:20px;
}
.col-fields {
    float: left;
    width: 75%;
}
.gchoice {
    float: left;
    width: 50%;
}
.gfield_radio {
    display: table;
    width: 100%;
}
.gfield_radio label {
    padding-left: 5px;
}
.form_container_full {
    padding: 0 10px;
}
.form_container_third {
    display: inline-block;
    margin: 0 0 22px;
    padding: 0  10px 0 0;
    position: relative;
    width: 29%;
}
.addNewRow {
    display: inline-block;
    vertical-align: middle;
}
.deleteRow {
    vertical-align: middle;
	margin:0px;
}
.note {
    display: inline-block;
    font-size: 14px;
    padding-left: 10px;
    width: 100%;
}
.step:after {
    border-bottom: 1px solid #ccc;
    bottom: -15px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 100%;
}
.deleteRow{display:none}
.form_container_half .section{float:left;}
.form_container_third{float:left;}
.addNewRow{float:left;margin-top:15px;margin-right: 5px;}
.deleteRow{margin-top:15px;}
#loader{display:none;}
.captchaContainer{margin:0 0 22px;padding:10px;}
.nav-up {
    top: -40px;
}